<template>
  <div class="my-search">
    <div class="my-scan">
      <van-icon name="scan" size="35px" />
    </div>

    <van-search
      class="my-van-search"
      v-model="value"
      show-action
      label="课程"
      placeholder="请输入课程关键字和课程号"
      @search="onSearch"
    >
      <template #action>
        <div @click="onSearch">搜索</div>
      </template>
    </van-search>
  </div>
</template>
<script>
export default {
  name: "myvansearch",
  data() {
    return {};
  },
};
</script>
<style lang='scss' scoped>
.van-search {
  padding: 0, 12px;
}
.my-search {
  display: flex;
  background-color: white;
}
.my-scan {
  align-items: center;
  justify-content: center;
}
.van-icon {
  height: 54px;
  line-height: 54px;
}
</style>

